/*
  1、函数组件的概述
  函数组件是使用function函数或者箭头函数编写的组件称为函数组件\
  函数组件的名称必须是以首字母大写开头的
  函数组件必须要有返回值,return之后的代码就是JSX
  函数组件要被外部使用，必须使用ES6的导出方式进行导出
  2、事件处理：不能有this
  3、函数组件中没有状态
*/
import React from 'react'

export default function App() {
  function handle1(e){
    console.log('事件处理2',e);
  }
  const handle2=()=>{
    console.log('事件处理3');
  }
  const handle3=(arg1,arg2,arg3)=>{
    console.log(arg1,arg2,arg3);
  }
  return (
    <div>
        <button onClick={()=>{
          console.log('事件处理1');
        }}>按钮1</button>
        <button onClick={handle1}>按钮2</button>
        <button onClick={handle2}>按钮3</button>
        <button onClick={(e)=>{handle3(2,3,e)}}>按钮3</button>
    </div>
  )
}
